<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>

    <aside class="write-infos">

        <div class="item">

            <em class="info-title">姓名</em>

            <input class="info-input name-input" type="text" value="" placeholder="您的名字~~">

        </div>

        <div class="item">

            <em class="info-title">年龄</em>

            <input class="info-input age-input" type="text" value="" placeholder="您的年龄~~">

        </div>

        <div class="item">

            <em class="info-title">爱好</em>

            <input class="info-input hobby-input" type="text" value="" placeholder="您的爱好~~">

        </div>

        <div class="item">

            <em class="info-title">身份证</em>

            <input class="info-input id-input" type="text" value="" placeholder="您的身份证~~">

        </div>

        <div class="item">

            <button class="submit-infos">生成数据</button>

        </div>

    </aside>

    <section class="table">

        <ul class="row">
            <li class="row-item">姓名</li>
            <li class="row-item">年龄</li>
            <li class="row-item">爱好</li>
            <li class="row-item">身份证</li>
        </ul>

    </section>

    <script src="./index.js"></script>
</body>

</html>